<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>

</body>
<script>
    // 1：原生function写法
    let hello = function (x) {
        return x
    }
    console.log(hello("你好"));


    // 2：定义没有参数的箭头函数
    let hello1 = () => console.log("没有参数的箭头函数")
    hello1()


    // 3：定义箭头函数，完整版
    let doublehi = (x, y) => {
        return x + y
    }
    console.log(doublehi("你好", "箭头函数的完整版"));

    // 4：定义箭头函数，缩写版，参数：只有一个可以省略括号。
    //                      返回值代码块中：只有一行的话可以省略大括号和return(代码块里面没有逗号)
    let hi = x => x;

    console.log(hi("你好箭头函数->带参数"));
</script>

</html>
